<!-- 底部开始 -->
<footer class="footer">
  <div class="am-g am-g-fixed am-padding-vertical-lg">
    <div class="am-u-md-4">
      <h3 class="yu-text-lightgray yu-text-normal am-margin-bottom-xs">联系我</h3>
      <div class="am-u-md-6 am-text-sm"><a href="tel:13279399535" class="icon icon_phone">13279399535</a></div>
      <div class="am-u-md-6 am-text-sm"><span class="icon icon_qq">455196886</span></div>
      <div class="am-u-md-6 am-text-sm"><span class="icon icon_email">yu@piexl.net</span></div>
      <div class="am-u-md-6 am-text-sm">
        <div class="am-dropdown am-dropdown-up" data-am-dropdown>
          <span class="icon icon_weixin am-dropdown-toggle" data-am-dropdown-toggle>YuKermit</span>
          <div class="am-dropdown-content">
            <img src="<?php echo get_template_directory_uri(); ?>/assets/imgs/1.pic_hd.jpg">
            <p class="am-text-center am-text-xs am-margin-0">扫一扫关注我</p>
          </div>
        </div>
      </div>
      <div class="am-u-md-6 am-text-sm"><span class="icon icon_map">西安市莲湖区</span></div>
      <div class="am-u-md-6 am-text-sm"><a href="http://weibo.com/u/3958578254?wvr=5&uut=fin&from=reg&is_hot=1" target="_black" class="icon icon_weibo">3_pixel</a></div>
    </div>
    <div class="am-u-md-4">
      <h3 class="yu-text-lightgray yu-text-normal am-margin-bottom-xs">前端网站推荐</h3>
      <div class="am-u-md-6 am-text-sm"><a href="http://codepen.io" target="_black"  class="icon icon_codepen">CodePen</a></div>
      <div class="am-u-md-6 am-text-sm"><a href="http://www.bootcss.com" target="_black" class="icon icon_boot">Bootstrap</a></div>
      <div class="am-u-md-6 am-text-sm"><a href="https://github.com/github" target="_black" class="icon icon_git">Github</a></div>
      <div class="am-u-md-6 am-text-sm"><a href="http://amazeui.org" target="_black" class="icon icon_amaze">Amaze UI</a></div>
      <div class="am-u-md-6 am-text-sm"><a href="https://www.awesomes.cn" target="_black" class="icon icon_web">前端资源库</a></div>
      <div class="am-u-md-6 am-text-sm"><a href="http://www.w3cplus.com" target="_black" class="icon icon_weibo">W3CPlus</a></div>
    </div>
    <div class="am-u-md-4">
      <h3 class="yu-text-lightgray yu-text-normal am-margin-bottom-xs">设计网站推荐</h3>
      <div class="am-u-md-6 am-text-sm"><a href="http://niudana.com/" target="_black" class="icon icon_ndn">牛大拿导航</a></div>
      <div class="am-u-md-6 am-text-sm"><a href="https://dribbble.com" target="_black" class="icon icon_dribbble">Dribbble</a></div>
      <div class="am-u-md-6 am-text-sm"><a href="http://niudana.com" target="_black" class="icon icon_ysj">设计师网站导航</a></div>
      <div class="am-u-md-6 am-text-sm"><a href="http://www.zcool.com.cn" target="_black" class="icon icon_zhanku">站酷</a></div>
      <div class="am-u-md-6 am-text-sm"><a href="http://www.ui.cn" target="_black" class="icon icon_uichina">UI中国</a></div>
      <div class="am-u-md-6 am-text-sm"><a href="http://huaban.com/" target="_black" class="icon icon_huaban">花瓣设计</a></div>
    </div>
  </div>
  <div class="foot_last am-padding-vertical-xs">
    <p class="am-text-center yu-text-lightgray am-text-xs am-margin-0">©2014 三像素 陕ICP备14011119号</p>
  </div>
</footer>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/amazeui.min.js"></script>
<script>
$("#submitBtn").click(function(event) {
  var user_name = $('#user_name').val(),
      phone = $('#phone').val(),
      email = $("#email").val(),
      wechat = $("#wechat").val(),
      message = $("#message").val();
  if(user_name==''){
    alert('姓名不能为空');
    return;
  }else{
    if(!/1[0-9]{10}/.test(phone)){
      alert('请输入合法的手机号');
      return;
    }else{
      $.ajax({
          type:"POST",
          url:"<?php echo site_url(); ?>/api/sendEmail.json",
          data:{user_name:user_name,phone:phone,email:email,wechat:wechat,message:message},
          datatype: "json",
          beforeSend:function(){
            $("#submitBtn").html('<i class="am-icon-spinner am-icon-spin"></i> 提交').attr('disabled',true);
          },
          success:function(res){
            console.log('success',res);
            if(res.data.err == 0){
              alert('信息提交成功！');
            }else{
              alert(res.data.msg);
            }
          },
          error: function(err){
            console.log('err',err);
          },
          complete: function(res){
            $("#submitBtn").html('提交').attr('disabled',false);
          }      
      });
    }
  }
});
</script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/app.js"></script>
</body>
</html>